import { Dropdown, Button } from 'antd'
import { MenuUnfoldOutlined } from '@ant-design/icons'

import menu from './head-nav-overlay-explore-mobile'

const menuNew = <div> menu new</div>

const HeadNavMobile = () => {
  return (
    <>
      <Dropdown overlay={menu}>
        <Button
          type="link"
          style={{ height: '100%' }}
          className="ant-dropdown-link"
          onClick={(e) => e.preventDefault()}
        >
          <MenuUnfoldOutlined style={{ fontSize: '30px', color: '#08c' }} />
        </Button>
      </Dropdown>
    </>
  )
}

export default HeadNavMobile
